<template>
  <div class="account-container">
    <el-tabs v-model="activeTab">
      <el-tab-pane label="General" name="general"></el-tab-pane>
      <el-tab-pane label="Security" name="security"></el-tab-pane>
    </el-tabs>
    <generalInfo v-if="activeTab === 'general'" />
    <securitySettings v-if="activeTab === 'security'" />
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import generalInfo from "./generalInfo.vue";
import securitySettings from "./securitySettings.vue";

const activeTab = ref("general");
</script>

<style scoped lang="scss"></style>
